<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>    
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="styles.css">
	<script type="text/javascript" src="js/lib/jquery-1.7.1.js"></script>
	<script type="text/javascript" src="js/lib/json2.js"></script>
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script>
	<script type="text/javascript" src="js/main_bak.js"></script>
	<script type="text/javascript" src="js/FusionTable.js"></script>
	<style type="text/css">
		html,body{
			margin:0px;
			padding:0px;
			width:100%;
			height:100%;
		}
		#top{
			width:100%;
			height:100px;
			background-color: red;
			margin-bottom: 3px;
		}
		#center{
			width:100%;
			height:78%;
			background-color: black;
		}
		#bottom{
			width:100%;
			height:40px;
			text-align: center;
			color: #77C;
			font: 12px/1.5 Arial;
		}
		#left{
			width:18%;
			height:100%;
			float:left;
			background-color: white;
		}
		#content{
			width:82%;
			height:100%;
			float:left;
			background-color: blue;
		}
		#map{
			width:100%;
			height:100%;
		}
		#search{
			padding-left: 10px;
			margin-top: 5px;
		}
		#searchimg{
			width:30px;
			height:30px;
			position: fixed;
			margin-left: 5px;
		}
		#topimg{
			width:100%;
			height:100%;
		}
		.subtype{
			TEXT-DECORATION:none;
			font-size: 15px;
		}
		.maintype{
			TEXT-DECORATION:none;
			font-size: 20px;
		}
	</style>
  </head>
  
  <body>
    <div id="top">
    	<img id="topimg" src="image/head.png">
    </div>
    <div id="center">
    	<div id="left">
    		<div id="search">
    			google搜索:
    			<input id="searchKeyword" type="text">
    			<img id="searchimg" alt="点击进行搜索" src="image/08.png">
    		</div>
    		<div id="cateSearch">
    			<table>
    				<tr>
    					<td>
    						<a class="maintype" href="javascript:false" onclick="typeSearch()" >酒店</a>
    						<a class="subtype" href="javascript:false" onclick="typeSearch()" >经济酒店</a>
    						<a class="subtype" href="javascript:false" onclick="typeSearch()">商务酒店</a>
    					</td>
    				</tr>
    				<tr>
    					<td></td>
    				</tr>
    				<tr>
    					<td></td>
    				</tr>
    			</table>
    		</div>
    		<div id="editer">
    			<input id="add" type="button" onclick="addPoint()" value="添加"></input>
    			<input id="delete" type="button" onclick="deletePoint()" value="删除"></input>
    		</div>
    	</div>
    	<div id="content">
    		<div id="map"></div>
    	</div>
    </div>
    <div id="bottom">
    	<h2>GoogleMap搜索功能，感谢您的使用！！ 作者：袁玉</h2>
    </div>
  </body>
</html>
